var app = cloudbase.init({
  env: "********",
});
var auth = app.auth({
  persistence: "local",
});
var db = app.database();

if (!auth.hasLoginState()) {
  // 如果没有登录 进行登录
  auth.anonymousAuthProvider().signIn();
}

var messageList = [];
// 选择 数据库集合进行监听
db.collection("message").watch({
  onChange(snapshot) {
    document.querySelector(".chat").innerHTML = "";
    // 添加消息列表
    messageList = snapshot.docs.reverse();
    for (let i = 0; i < messageList.length; i++) {
      const element = messageList[i];
      const message = document.createElement("p");
      message.innerText = element.text;
      document.querySelector(".chat").appendChild(message);
    }
  },
  onError() {},
});

// 发送消息
function sendMessage() {
  var text = document.querySelector("input").value;
  if (!text) return;
  // 数据库添加消息
  db.collection("message").add({ text: text });
  // 清空输入框
  document.querySelector("input").value = "";
}

// 监听键盘 回车键
document.onkeydown = function (e) {
  if (e.keyCode === 13) {
    sendMessage();
  }
};
